<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
    
    <title>设计师</title>

    <link rel="stylesheet" href="/hujia2/hujia/Public/home/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="/hujia2/hujia/Public/home/css/lrtk.css" media="all">
    <link rel="stylesheet" type="text/css" href="/hujia2/hujia/Public/home/css/mtk.css" media="all">
    <script type="text/javascript" src="/hujia2/hujia/Public/home/js/jquery-1.11.3.min.js"></script> <!--banner-->
    <script type="text/javascript" src="/hujia2/hujia/Public/home/js/jquery.SuperSlide.2.1.1.js"></script><!--banner-->
    <script type="text/javascript" src="/hujia2/hujia/Public/home/js/bootstrap.js"></script>
    <script src="/hujia2/hujia/Public/home/js/jQuery-jcLightBox.js"></script><!--图片点击放大-->

</head>
<body>

<div class="top_bj">
    <div class="top">
        <div class="top_tel"><img src="/hujia2/hujia/Public/home/img/index11-08_02.jpg" width="528" height="91"><a href="#"><img
                src="/hujia2/hujia/Public/home/img/logo1.gif" width="245" height="91"></a></div>

        <div class="top_text"><img src="/hujia2/hujia/Public/home/img/index11-08_05.jpg" width="379" height="91"></div>

        <ul class="nav1 js-left">
            <li class="">
                <a href="<?php echo U('Index/index');?>">首页</a>
            </li>
            <li><a href="<?php echo U('Zxbj/index');?>">装修报价</a>

            </li>
            <li><a href="<?php echo U('Dy/index');?>">到店预约</a>
                <ul class="sub-nav1">
                    <li><a href="<?php echo U('Dy/mh');?>">闵行店</a></li>
                    <li><a href="<?php echo U('Dy/ja');?>">静安店</a></li>
                    <li><a href="<?php echo U('Dy/pd');?>">浦东店</a></li>
                </ul>
            </li>

            <li><a href="">热门套餐</a>
                <ul class="sub-nav1">
                    <li><a href="">豪华套餐</a></li>
                    <li><a href="">别墅套餐</a></li>
                </ul>
            </li>
        </ul>
        <div class="logo"><a href="#"><img src="/hujia2/hujia/Public/home/img/logo2.gif" width="245" height="47"></a></div>
        <ul class="nav1 js-right">
            <li><a href="<?php echo U('Designer/index');?>">设计师</a>

            </li>
            <li><a href="<?php echo U('ThreeD/index');?>">3D展厅</a>
                <ul class="sub-nav1">
                    <li><a href="">现代风格</a></li>
                    <li><a href="">欧式风格</a></li>
                    <li><a href="">地中海</a></li>
                    <li><a href="">新中式</a></li>

                </ul>
            </li>
            <li><a href="<?php echo U('Sunfund/index');?>">阳光基金</a>

            </li>

            <li><a href="<?php echo U('About/index');?>">关于沪佳</a>
                <ul class="sub-nav1">
                    <li><a href="<?php echo U('About/index');?>">公司简介</a></li>
                    <li><a href="<?php echo U('About/cultrue');?>">企业文化</a></li>
                    <li><a href="<?php echo U('About/honor');?>">荣誉资质</a></li>
                    <li><a href="<?php echo U('About/news');?>">公司动态</a></li>
                    <li><a href="<?php echo U('About/classroon');?>">装修课堂</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        jQuery('.sub-nav1').parent('li').hover(function () {
            $(this).children('.sub-nav1').stop().slideToggle();
        });
    });
</script><!---->


    <div class="yd-img-box">
        <div class="sjs">
            <div class="sjs1">
                <div class="sjs2">
                    <div class="sjs3">为您智能匹配设计师</div>
                    <div class="sjs4">
                        <div class="sjs5"> <input style="outline:none" name="input2" type="text" size="23" placeholder="上海" onfocus="this.value=''" class="zxbj9" disabled/></div>
                        <div  ><select class="sjs6 js-area_id"  name="area_id">
                            <?php if(is_array($arrArea)): foreach($arrArea as $key=>$val): ?><option value="<?php echo ($val['id']); ?>"><?php echo ($val['name']); ?></option><?php endforeach; endif; ?>
                            </select>
                        </div>
                        <div class="sjs5"> <input style="outline:none" name="plot" type="text" size="23" placeholder="请输入小区名称" onfocus="this.value=''" class="zxbj9 js-plot"/></div>

                        <div class="sjs5"> <input style="outline:none" name="place" type="text" size="23" placeholder="请输入您的房屋面积"  maxlength="7" onfocus="this.value=''" class="zxbj9 js-place"/></div>
                        <div  >
                            <select class="sjs6 js-style_id"  name="style_id">
                            <?php if(is_array($arrStyle)): foreach($arrStyle as $key=>$val): ?><option value="<?php echo ($val['id']); ?>"><?php echo ($val['name']); ?></option><?php endforeach; endif; ?>
                        </select>
                        </div>
                        <div class="sjs5"> <input style="outline:none" name="butget" type="text" size="23" placeholder="请输入您的预算(万元)" onfocus="this.value=''" class="zxbj9 js-butget"/></div>
                        <div > <textarea name=" " cols="" rows="6" class="sjs7 js-remark" placeholder="您可以具体描述对家装的需求，以便我们能更好的为您提供服务"></textarea></div>


                    </div>
                    <div class="sjs8"><a class="js-match"><img src="/hujia2/hujia/Public/home/img/sjs_an.gif" width="240" height="29"></a></div>


                </div>
            </div>
        </div>

    </div>
    <div class="yd1">
        <div class="dq_bj">
            <div class="dq">当前位置：<a href="#">沪佳工厂店</a> > <a href="#">预约到店</a> > 门店展示</div>
        </div>
        <div class="sjs9">
            <ul>
                <?php if(is_array($arrDesigner)): foreach($arrDesigner as $key=>$val): ?><li><div class="sjs9_img"><a href="#"><img src="/hujia2/hujia/Public/upload/<?php echo ($val['pic']); ?>" width="230" height="230"></a></div>
                    <div class="sjs9_name"><?php echo ($val['name']); ?></div>
                    <div class="sjs9_text"><table width="263" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td width="69" height="30" align="center" valign="top">擅长风格：</td>
                            <td width="194" valign="top"><?php echo ($val['style_id']); ?></td>
                        </tr>
                        <tr>
                            <td align="center" valign="top">设计理念：</td>
                            <td valign="top"><?php echo ($val['idea']); ?></td>
                        </tr>
                    </table>
                    </div>
                    <button type="button" data-toggle="modal"
                            data-target="#myModal<?php echo $val['id'] ?>" class="btn btn-primary btn-lg"  style=" border:none; outline: none; ">
<span style="background:#f5f5f5; padding:0 0 0 160px; float:right"> <img src="/hujia2/hujia/Public/home/img/sjs9_an.gif" width="90" height="26"></span>

                    </button>
                </li>
                    <div class="modal fade" id="myModal<?php echo ($val['id']); ?>" >
                        <div class="modal-dialog" style="width:738px; margin:50px auto">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only"> </span></button>
                                </div>
                                <div class="modal-body">
                                    <!-- 内容 -->
                                    <div class="mtk_text">在线预约设计师</div>
                                    <div class="mtk_k">
                                        <span style="float:left; font-size:16px; line-height:32px; padding-right:10px">姓名</span><div class="mtk_k2"> <input style="outline:none"name="input2" type="text" size="35" placeholder="请输入您的姓名" onfocus="this.value=''" class="mtk_k3 js-name<?php echo ($val['id']); ?>"/></div></div>
                                    <div class="mtk_k4">
                                        <span style="float:left; font-size:16px; line-height:32px; padding-right:10px">手机号码</span><div class="mtk_k2"> <input style="outline:none"name="input2" type="text" size="35" placeholder="请输入您的手机号码" onfocus="this.value=''" class="mtk_k3 js-mobile<?php echo ($val['id']); ?>"/></div></div>

                                </div>
                                <div class="modal-footer">
                                    <div class="mtk8"> 该设计师已帮助<span style="color:#F00; font-weight:bold"> 54485</span> 位业主</div>
                                    <button  onclick="func(<?php echo ($val['id']); ?>)"  style=" border:none; background-color:#FFF" > <a href="#"><img src="/hujia2/hujia/Public/home/img/sjs.gif" width="124" height="34"></a></button>
                                </div>
                            </div>
                        </div>
                    </div><?php endforeach; endif; ?>
            </ul>
            <script>
            function func(e){
                var jsn='js-name'+e;
                var jsm='js-mobile'+e;

                var name =$('.'+jsn).val();
                var mobile = $('.'+jsm).val();
                var id= e ;
                if(name == '' || name == '请输入您的姓名'){
                    alert('用户名不能为空');
                    return false;
                }

                var phone = /^1[3|4|5|8|7][0-9]\d{8}$/;
                if (mobile.length = 0) {
                    alert('号码不能为空');
                    return false;
                }
                if (!phone.test(mobile)) {
                    alert('号码有误！');
                    return false;
                }
                function Trim(str) {
                    return (str + '').replace(/(\s+)$/g, '').replace(/^\s+/g, '');
                }

                $.ajax({
                    type: "POST",
                    url: "<?php echo U('Designer/order');?>",
                    data: {
                        status:id,
                        name: name,
                        mobile: mobile
                    },
                    dataType: "json",
                    success: function (data) {
                        if (data == 1) {
                            $('#'+'myModal'+a).hide();
                            $('#myModal1').modal('toggle');
                        } else if (data == 3) {
                            alert('您已报名');
                        } else if (data == 2) {
                            alert('报名失败，请重新报名');
                        }
                    }
                })

            }
            </script>
            <div class="paging_1">
                <div class="paging_2">
                   <?php echo ($page); ?>
                </div>
            </div>

        </div>
    </div>


    <!-- Modal -->
    <div class="modal fade" id="success" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog" style="width:550px; margin:50px auto">
            <div class="modal-content1">
                <div class="modal-header1">
                    <button type="button" class="close1" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only"> </span></button>
                </div>

                <div class="modal-body">
                    <!-- 内容 -->
                </div>
            </div>
        </div>
    </div>





    <script>
        $('.js-match').click(function(){
            var butget=$('.js-butget').val();
            var area_id=$('.js-area_id').val();
            var plot=$('.js-plot').val();
            var place=$('.js-place').val();
            var style_id=$('.js-style_id').val();
            var remark=$('.js-remark').val();
            if( plot =='请输入小区名称' || plot ==''){
                alert('小区名不能为空');
                return false;
            }
            if( place =='请输入您的房屋面积'|| place == ''){
                alert('小区名不能为空');
                return false;
            }
            if( style_id =='请输入小区名称' || style_id ==''){
                alert('小区名不能为空');
                return false;
            }
            var place1 =/^\d{1,7}$/;
            if(place.length == 0){
                alert('请输入您的房屋面积');
                return false;
            }
            if(!place1.test(place)){
                alert('面积有误！');
                return false;
            }
            if(butget == '请输入您的预算'|| butget == ''){
                alert('预算不能为空');
                return false;
            }
            $.ajax({
                type: "POST",
                url: "<?php echo U('Designer/match');?>",
                data: {
                    butget:butget,
                    place:place,
                    plot:plot,
                    style_id:style_id,
                    area_id:area_id,
                    remark:remark
                },
                dataType: "json",
                success: function (data) {
                    if (data == 1) {
                        $('#success').modal('toggle');
                    } else if (data == 3) {
                        alert('您已报名');
                    } else if (data == 2) {
                        alert('报名失败，请重新报名');
                    }
                }

            })
            function Trim(str) {
                return (str + '').replace(/(\s+)$/g, '').replace(/^\s+/g, '');
            }
        })
        jQuery(document).ready(function ($){
            $('.js-right>li:nth-child(1)').addClass('present');
        })


    </script>


        <div class="foot">
            <div class="foot1">
                <div class="fooot_logo"><a href="#"><img src="/hujia2/hujia/Public/home/img/foot_logo.jpg" width="334"
                                                         height="231"></a></div>
                <div class="foot_text"><a href="<?php echo U('Index/index');?>">首页</a> | <a href="<?php echo U('Zxbj/index');?>">装修报价</a> | <a href="<?php echo U('Dy/index');?>">预约到店</a> | <a
                        href="#">热门套餐</a> | <a href="<?php echo U('Designer/index');?>">设计师</a> | <a href="<?php echo U('ThreeD/index');?>">3D展厅</a> | <a href="<?php echo U('Sunfund/index');?>">阳光基金</a> | <a
                        href="<?php echo U('About/index');?>">关于沪佳</a>
                </div>
                <div class="foot_left">Copyright @ 2014-2016 版权所有：沪佳家装工厂店</div>
                <div class="foot_right">沪ICP备06018196号-1</div>
            </div>

        </div>
        <div class="side-btns">
            <div class="main-box">
                <ul class="side-btn">
                    <li><a href=""><span class="side-btn-icon"
                                         style="background-image: url(/hujia2/hujia/Public/home/img/side-btn1.png);"></span>在线咨询</a>
                    </li>
                    <li><a href=""><span class="side-btn-icon"
                                         style="background-image: url(/hujia2/hujia/Public/home/img/side-btn2.png);"></span>最新活动</a>
                    </li>
                    <li><a href=""><span class="side-btn-icon"
                                         style="background-image: url(/hujia2/hujia/Public/home/img/side-btn3.png);"></span>线下展厅</a>
                    </li>
                    <li><a href=""><span class="side-btn-icon"
                                         style="background-image: url(/hujia2/hujia/Public/home/img/side-btn4.png);"></span>招贤纳士</a>
                    </li>
                    <li><a href="" class="qr"><i></i><span class="side-btn-icon"
                                                           style="background-image: url(/hujia2/hujia/Public/home/img/side-btn5.png);"></span>二维码</a>
                    </li>
                    <li><a href="" class="back-to-top">返回顶部</a></li>
                </ul>
            </div>
        </div>

        <a href="" class="fix-btn"></a>
        <div class="fix-bar"
             style=" margin-top:100px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000,endColorstr=#88000000);  ">
            <div class="main-box">
                <form action="" class="fix-bar-message">
                    <label for="fix_name">请输入姓名<input type="text" id="fix_name" name="fix_name" style="outline: none;"/></label>
                    <label for="fix_phone">请输入手机号码<input type="text" id="fix_phone" name="fix_phone"
                                                         style="outline: none;"/></label>
                    <div class="store-location-select">
                        <span class="select-item">上海</span>
                        <select id="fixedProvince" name=""
                                onchange="return locationSelect('fixedProvince','fixedCity',true);">
                            <option value="0" selected="selected">上海</option>

                        </select>
                    </div>
                    <div class="store-location-select">
                        <span class="select-item">区域/市县</span>
                        <select id="fixedCity" name="" onchange="return locationResult('fixedProvince','fixedCity');">
                            <option selected="selected">黄浦区</option>
                            <option selected="selected">徐汇区</option>
                            <option selected="selected">长宁区</option>
                        </select>
                    </div>
				<span class="fix-submit">
					提交
					<input type="submit" value=""/>
				</span>
                </form>
                <a href="" class="fix-close"></a>
            </div>
        </div>
<!--modal-->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
 aria-hidden="true">
<div class="modal-dialog" style="width:550px; margin:50px auto">
    <div class="modal-content1">
        <div class="modal-header1">
            <button type="button" class="close1" data-dismiss="modal"><span
                    aria-hidden="true">&times;</span><span class="sr-only"> </span></button>
        </div>
    </div>
</div>
</div>
<!--modal-->
<!--[if IE 8]>
<script type="text/javascript" src="/hujia2/hujia/Public/home/js/ie8-pic-box.js"></script>
<![endif]-->
<script src="/hujia2/hujia/Public/home/js/active.js" type="text/javascript"></script>
<!-- 跟随 .footer 放在同一 php -->
<script type="text/javascript">

    jQuery('[placeholder]').focus(function() {
        var input = jQuery(this);
        if (input.val() == input.attr('placeholder')) {
            input.val('');
            input.removeClass('placeholder');
        }
    }).blur(function() {
        var input = jQuery(this);
        if (input.val() == '' || input.val() == input.attr('placeholder')) {
            input.addClass('placeholder');
            input.val(input.attr('placeholder'));
        }
    }).blur().parents('form').submit(function() {
        jQuery(this).find('[placeholder]').each(function() {
            var input = jQuery(this);
            if (input.val() == input.attr('placeholder')) {
                input.val('');
            }
        })
    });

    jQuery(document).ready(function ($) {

        jQuery('.index-floor').hover(function () {
            $(this).find('.slide-dot').stop().css({"right": "834px"}).animate({right: 0}, 'slow');
        }, function () {
            $(this).find('.slide-dot').stop().css({"right": "0"});
        });

        jQuery('.fix-btn').click(function () {
            $(this).fadeOut().siblings('.fix-bar').slideDown();
            return false;
        });
        jQuery('.fix-close').click(function () {
            $(this).parent().parent('.fix-bar').fadeOut().siblings('.fix-btn').fadeIn();
            return false;
        });

        function Trim(str) {
            return (str + '').replace(/(\s+)$/g, '').replace(/^\s+/g, '');
        }

    });




</script>
</body>
</html>